<!-- components/navigation/PermissionWrapper.vue -->
<template>
  <div v-if="showContent">
    <slot></slot>
  </div>
</template>

<script setup lang="ts">
// @ts-nocheck
// 权限包装组件

import { computed } from 'vue'
import { useAppStore } from '@/stores/appStore'

const props = withDefaults(defineProps<{
  requiresAdmin?: boolean
}>(), {
  requiresAdmin: false
})

const appStore = useAppStore()

const showContent = computed(() => {
  // 如果不需要管理员权限，直接显示
  if (!props.requiresAdmin) {
    return true
  }
  
  // 如果需要管理员权限，检查用户是否为管理员
  return appStore.user?.isAdmin || false
})
</script>